<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Отображение элементов</title>
    <link rel="stylesheet" href="styles/style.css">
</head>
<body>

<header class="header">
    <nav class="menu">
        <ul>
            <li>
                <a href="#">Главная</a>
            </li>
            <li>
                <a href="#">Планшеты</a>
            </li>
            <li>
                <a href="#">
                    <img src="assets/images/remontus_597.png" alt="Логотип">
                </a>
            </li>
            <li>
                <a href="#">Условия ремонта</a>
            </li>
            <li>
                <a href="#">Контакты</a>
            </li>
        </ul>
    </nav>
</header>

<section class="main">
    <div class="container main-container">
        <div class="main-info">
            <h1 >Качественный ремонт
                мобильных телефонов</h1>
            <div class="main-text">
                Самый лучший сервис по ремонту мобильных телефонов сделает вам абсолютно любой ремонт за считанные часы
                с момента оформления заявки! Попробуйте!
            </div>
            <div class="action">
                <button class="button">Заказать ремонт</button>
            </div>
        </div>
        <div class="main-image">
            <img src="assets/images/3554_large_740.png" alt="Изображение телефона">
        </div>
    </div>
</section>

<section class="about">
    <div class="container">
        <h2>Как мы ремонтируем телефоны</h2>
        <div class="about-items">
            <div class="about-item">
                <div class="about-item-image">
                    <img src="assets/images/internet_799.png" alt="Мир">
                </div>
                <div class="about-item-text">
                    Работем во многих странах: Россия, Беларусь, Украина и т.д.
                </div>
            </div>
            <div class="about-item">
                <div class="about-item-image">
                    <img src="assets/images/mobile_800.png" alt="Телефон">
                </div>
                <div class="about-item-text">
                    Исправим вашу любую неполадку в самрые кратчайшие сроки!
                </div>
            </div>
            <div class="about-item">
                <div class="about-item-image">
                    <img src="assets/images/web_801.png" alt="Вебкамера">
                </div>
                <div class="about-item-text">
                    Пришлем вам видео процесса ремонта вашего телефона
                </div>
            </div>
            <div class="about-item">
                <div class="about-item-image">
                    <img src="assets/images/chat_802.png" alt="Чат">
                </div>
                <div class="about-item-text">
                    Мы строим наш бизнес на максимально хорошем общении с клиентами
                </div>
            </div>
            <div class="about-item">
                <div class="about-item-image">
                    <img src="assets/images/phones_803.png" alt="Наушники">
                </div>
                <div class="about-item-text">
                    Наш контакт-центр работает круглосуточно для вас
                </div>
            </div>
            <div class="about-item">
                <div class="about-item-image">
                    <img src="assets/images/report_805.png" alt="Почта">
                </div>
                <div class="about-item-text">
                    Вышлем на вашу электронную почту счет-фактуру
                </div>
            </div>
        </div>
    </div>
</section>

<footer class="footer">
    <div class="container">
        <div class="logo footer-logo">
            <img src="assets/images/remontus_597.png" alt="Логотип">
        </div>
        <div class="footer-time">
            Время работы: 9:00 - 20:00 ежедневно
        </div>
        <div class="footer-phones">
            <div>+375 29 589 74 75</div>
            <div>+375 29 589 74 74</div>
        </div>
    </div>
</footer>

</body>
</html>